import type { RouteRecordRaw } from 'vue-router'

export const staticRoutes: Array<RouteRecordRaw> = [
  {
    path: '/',
    redirect: '/',
    children: [
      {
        path: '/',
        component: () => import('@/views/MusicHall/Home/index.vue'),
      },
      {
        path: '/toplist',
        name: 'TopList',
        component: () => import('@/views/MusicHall/TopList/index.vue'),
      },
      {
        path: '/albumDetail/:id',
        component: () =>
          import('@/views/MusicHall/AlbumDetail/AlbumDetail.vue'),
      },
      {
        path: '/singer',
        component: () => import('@/views/MusicHall/Singer/index.vue'),
      },
      {
        path: '/singerdetail/:id',
        component: () => import('@/views/MusicHall/SingerDetail/index.vue'),
      },
      {
        path: '/album',
        component: () => import('@/views/MusicHall/AlbumList/index.vue'),
      },

      {
        path: '/mv',
        component: () => import('@/views/MusicHall/Mv/index.vue'),
      },
      {
        path: '/digitalalbum',
        component: () => import('@/views/MusicHall/DigitalAlbum/index.vue'),
      },
      {
        path: '/category',
        name: 'Category',
        component: () => import('@/views/MusicHall/Category/index.vue'),
      },
      {
        path: '/playlist/:id',
        name: 'PlayList',
        component: () => import('@/views/MusicHall/PlayList/index.vue'),
      },
      {
        path: '/songDetail/:id',
        name: 'SongDetail',
        component: () => import('@/views/MusicHall/PlayList/index.vue'),
      },
    ],
  },
  {
    path: '/profile',
    component: () => import('@/views/MyMusic/index.vue'),
  },
]
